<template>
  <div>
    <div style="margin-top:20px" class="qup-title-box"><span class="border" /><span>确图信息</span></div>
    <el-form
      ref="refForm1"
      :model="formData"
      size="mini"
      label-width="150px"
    >

      <el-row>
        <el-col :span="16">
          <el-form-item label="确图备注:" prop="confirmRemark">
            <el-input v-model="formData.confirmRemark" type="textarea" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="复尺确认时间:" prop="rulerConfirmTime">
            <el-input v-model="formData.rulerConfirmTime" disabled />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="16">
          <el-form-item label="复尺确认备注:" prop="rulerConfirmRemark">
            <el-input v-model="formData.rulerConfirmRemark" disabled type="textarea" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否可解锁:" prop="isLock">
            {{ formData.isLock===1?'是':(formData.isLock===0?'否':formData.isLock) }}
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <div style="margin-top:20px" class="qup-title-box"><span class="border" /><span>窗帘信息</span></div>
    <el-form
      ref="refForm2"
      :model="formData"
      size="mini"
      label-width="150px"
    >

      <el-row>
        <el-col :span="8">
          <el-form-item label="窗帘下单时间:" prop="curtainOrderTime">
            <el-input v-model="formData.curtainOrderTime" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="BPM流程表单号:" prop="bpmCode">
            <el-input v-model="formData.bpmCode" disabled />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <div style="margin-top:20px" class="qup-title-box"><span class="border" /><span>解锁信息</span></div>
    <el-form
      ref="refForm3"
      :model="formData"
      size="mini"
      label-width="150px"
    >

      <el-row>
        <el-col :span="16">
          <el-form-item label="解锁备注:" prop="unLockRemark">
            <el-input v-model="formData.unLockRemark" type="textarea" disabled />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <div style="margin-top:20px" class="qup-title-box"><span class="border" /><span>异常明细</span></div>
    <table-box
      ref="refTable"
      table-size="mini"
      :table-config="tableConfig"
      :data="formData.autonomyDesignExceptionDetailDTOList"
      :table-height="200"
      show-index
    />
  </div>
</template>
<script>
export default {
  name: 'TransDistribute',
  props: {
    baseInfo: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      formData: {},
      tableConfig: {
        hideFuncBar: true,
        // 表格字段动态配置
        setting: [
          {
            prop: 'exceptionCode',
            label: '异常编号',
            minWidth: '140'
          },
          {
            prop: 'exceptionType',
            label: '异常类型',
            minWidth: '140',
            propEnum: {
              domainCode: 'marketing',
              appCode: 'slm',
              dictTypeCode: 'SLM_EXCEPTION_TYPE'
            }
          }, {
            prop: 'remark',
            label: '异常原因',
            minWidth: '140'
          }, {
            prop: 'rulerTime',
            label: '复尺时间',
            minWidth: '140'
          }, {
            prop: 'createBy',
            label: '创建人',
            minWidth: '140'
          }, {
            prop: 'createTime',
            label: '创建时间',
            minWidth: '140'
          }
        ]
      }
    }
  },
  watch: {
    baseInfo: {
      handler(v) {
        this.formData = v
      },
      deep: true,
      immediate: true
    }
  },
  async created() {
  }
}
</script>
